<template>
    <section>
      <div class="nav_options">
        <div class="nav_option" :class="{nav_option_active:isActive == 1}" @click="isActive=1">
          <span>巡更检查项配置</span>
        </div>
        <div class="nav_option" :class="{nav_option_active:isActive == 2}" @click="isActive=2">
          <span>巡查点配置</span>
        </div> 
        <div class="nav_option" :class="{nav_option_active:isActive == 3}" @click="isActive=3">
            <span>巡查路线配置</span>
        </div>
        <div class="nav_option" :class="{nav_option_active:isActive == 4}" @click="isActive=4">
            <span>巡查人员配置</span>
        </div>
        <div class="nav_option" :class="{nav_option_active:isActive == 5}" @click="isActive=5">
            <span>服务时限配置</span>
        </div>
      </div>
        <patrolconfigxgjcxpz v-if="isActive==1"></patrolconfigxgjcxpz>
        <patrolconfigxcdpz v-if="isActive==2"></patrolconfigxcdpz>
        <patrolconfigxclxpz v-if="isActive==3"></patrolconfigxclxpz>
        <patrolconfigxcrypz v-if="isActive==4"></patrolconfigxcrypz>
        <patrolconfigfwsxpz v-if="isActive==5"></patrolconfigfwsxpz>
    </section>
  </template>
  
  <script>
   import patrolconfigxgjcxpz from "./patrolconfig_xgjcxpz"
   import patrolconfigxcdpz from "./patrolconfig_xcdpz"
   import patrolconfigxclxpz from "./patrolconfig_xclxpz"
   import patrolconfigxcrypz from "./patrolconfig_xcrypz"
   import patrolconfigfwsxpz from "./patrolconfig_fwsxpz"
  export default {
    data(){
      return {
        isActive:1
      }
    },
    components:{
        patrolconfigxgjcxpz,
        patrolconfigxcdpz,
        patrolconfigxclxpz,
        patrolconfigxcrypz,
        patrolconfigfwsxpz
    }
  }
  </script>
  
  <style>
  
  </style>